<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8" />
    <title>工业物联网平台</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />

    <link rel='stylesheet' th:href="@{/3thExt/bootstrap/bootstrap-3.3.7-dist/css/bootstrap.min.css}" href="../../../static/3thExt/bootstrap/bootstrap-3.3.7-dist/css/bootstrap.min.css" />
    <link rel='stylesheet' th:href="@{/3thExt/bootstrap-table/1.12.1/bootstrap-table.min.css}" href="../../../static/3thExt/bootstrap-table/1.12.1/bootstrap-table.min.css"/>
    <link rel='stylesheet' th:href="@{/3thExt/select2/4.0.6/css/select2.css}" href="../../../static/3thExt/select2/4.0.6/css/select2.css"/>
    <link rel='stylesheet' th:href="@{/3thExt/bootstrapvalidator/0.5.2/css/bootstrapValidator.min.css}" href="../../../static/3thExt/bootstrapvalidator/0.5.2/css/bootstrapValidator.min.css"/>
    <link rel='stylesheet' th:href="@{/3thExt/bootstrap-fileinput/4.4.7/css/fileinput.min.css}" href="../../../static/3thExt/bootstrap-fileinput/4.4.7/css/fileinput.min.css"/>
    <link rel='stylesheet' th:href="@{/3thExt/bootstrap-datetimepicker/css/bootstrap-datetimepicker.min.css}" href="../../../static/3thExt/bootstrap-datetimepicker/css/bootstrap-datetimepicker.min.css"/>
    <link rel='stylesheet' th:href="@{/css/icon-zc.css}" href="../../../static/css/icon-zc.css"/>
    <link rel='stylesheet' th:href="@{/css/style.css}" href="../../../static/css/style.css"/>

</head>
<body>
<!--头部-->
<header th:replace="common/head" >
</header>
<!-- 页面指向 -->
<div class="page-point bg-white">
    <ul>
        <li>首页</li>
        <li>生命周期</li>
        <li>设备生命周期管理</li>
        <li>设备维修管理</li>
    </ul>
</div>
<!-- 菜单树 -->
<div th:replace="common/left" >
</div>
<!--主体内容-->
<div class="page-container">

    <div class="container-fluid mb-20 clearfix">
        <div class="col-md-12">
            <h2 class="page-section-title">查询条件</h2>
        </div>
    </div>

    <div class="container-fluid query-frame-wrap mb-10 clearfix condition-query">
        <div class="col-lg-9 col-lg-item-6">
            <div class="row">
                <div class="col-lg-4">
                    <div class="query-frame">
                        <label>状态</label>
                        <select name="" class="form-control">
                            <option value="">请选择</option>
                        </select>
                    </div>
                </div>
                <div class="col-lg-4">
                    <div class="query-frame">
                        <label>项目名称</label>
                        <input autocomplete="new-password" type="text" class="form-control" />
                    </div>
                </div>
                <div class="col-lg-4">
                    <div class="query-frame">
                        <label>设备编号</label>
                        <select name="" class="form-control">
                            <option value="">请选择</option>
                        </select>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-4">
                    <div class="query-frame date-frame">
                        <label>故障开始时间</label>
                        <input autocomplete="new-password" type="text" class="form-control" />
                    </div>
                </div>
                <div class="col-lg-4">
                    <div class="query-frame date-frame">
                        <label>故障结束时间</label>
                        <input autocomplete="new-password" type="text" class="form-control" />
                    </div>
                </div>
                <div class="col-lg-4">
                    <div class="query-frame">
                        <label>快捷时间</label>
                        <select name="" class="form-control">
                            <option value="">快捷时间</option>
                        </select>
                    </div>
                </div>
            </div>
        </div>

        <div class="col-lg-3">
            <div class="query-frame query-button">
                <img id="queryUser" th:src="@{/image/search.png}" src="../../../static/image/search.png" />
                <img class="reset" th:src="@{/image/rest.png}" src="../../../static/image/rest.png" />
            </div>
        </div>
    </div>

    <div class="container-fluid mb-20 clearfix">
        <div class="col-md-12 rlt">
            <h2 class="page-section-title">设备维修列表</h2>
            <ul class="table-tool">
                <li id="add-row">
                    <span class="icon-list_add" aria-hidden="true"></span>
                    <label>新增</label>
                </li>
                <li id="update-row">
                    <span class="icon-list_xiugai" aria-hidden="true"></span>
                    <label>修改</label>
                </li>
                <li id="del-row">
                    <span class="icon-list_shanchu" aria-hidden="true"></span>
                    <label>删除</label>
                </li>
                </li>
                <li data-toggle="modal" data-target="#myModal-repair">
                    <span class="icon-list_weixiuchuli" aria-hidden="true"></span>
                    <label>维修处理</label>
                </li>
                </li>
                <li data-target="#myModal-check" data-toggle="modal">
                    <span class="icon-list_yanshouqueren" aria-hidden="true"></span>
                    <label>验收确认</label>
                </li>
                <li id="refresh-table">
                    <span class="icon-list_shuaxin" aria-hidden="true"></span>
                    <label>刷新</label>
                </li>

            </ul>
        </div>
    </div>

    <div class="container-fluid table-container">
        <table  cellspacing="" cellpadding="">

        </table>
    </div>
</div>

<!--新增-->
<form method="" class="form-horizontal" action="">
    <div class="modal fade" id="myModal" tabindex="-1" role="dialog">
        <div class="modal-dialog modal-dialog-big" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title title"></h4>
                </div>
                <div class="modal-body">
                    <div class="row">
                        <div class="col-lg-12">
                            <div class="col-lg-6">
                                <div class="form-group">
                                    <label class="col-lg-3 control-label form-required form-required-4">设备编号</label>
                                    <div class="col-lg-9">
                                        <select name="" class="form-control">
                                            <option value="">请选择</option>
                                        </select>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="col-lg-3 control-label form-required">厂区</label>
                                    <div class="col-lg-9">
                                        <input autocomplete="new-password" type="text" class="form-control" name="email" disabled />
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="col-lg-3 control-label form-required">车间</label>
                                    <div class="col-lg-9">
                                        <input autocomplete="new-password" type="text" class="form-control" name="email" disabled />
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="col-lg-3 control-label form-required">区域</label>
                                    <div class="col-lg-9">
                                        <input autocomplete="new-password" type="text" class="form-control" name="email" disabled />
                                    </div>
                                </div>
                            </div>

                            <div class="col-lg-6">
                                <div class="form-group">
                                    <label class="col-lg-3 control-label form-required form-required-4">设备名称</label>
                                    <div class="col-lg-9">
                                        <input autocomplete="new-password" type="text" class="form-control" name="password" disabled />
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="col-lg-3 control-label form-required">产线</label>
                                    <div class="col-lg-9">
                                        <select name="" class="form-control" disabled>
                                            <option value="">1</option>
                                        </select>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="col-lg-3 control-label form-required form-required-4">所属工序</label>
                                    <div class="col-lg-9">
                                        <input autocomplete="new-password" type="text" class="form-control" name="password" disabled />
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="col-lg-3 control-label form-required form-required-4">安装位置</label>
                                    <div class="col-lg-9">
                                        <input autocomplete="new-password" type="text" class="form-control" name="password" disabled />
                                    </div>
                                </div>

                            </div>

                            <div class="col-lg-6">
                                <div class="form-group">
                                    <label class="col-lg-3 control-label">项目名称</label>
                                    <div class="col-lg-9">
                                        <input autocomplete="new-password" type="text" class="form-control" name="password"/>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="col-lg-3 control-label form-required form-required-3">责任人</label>
                                    <div class="col-lg-9">
                                        <select name="" class="form-control">
                                            <option value="">请选择</option>
                                        </select>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="col-lg-3 control-label form-required form-required-4">维修等级</label>
                                    <div class="col-lg-9">
                                        <select name="" class="form-control">
                                            <option value="">A</option>
                                            <option value="">B</option>
                                            <option value="">C</option>
                                            <option value="">D</option>
                                        </select>
                                    </div>
                                </div>
                            </div>

                            <div class="col-lg-6">
                                <div class="form-group">
                                    <label class="col-lg-3 control-label form-required form-required-4">项目编号</label>
                                    <div class="col-lg-9">
                                        <input autocomplete="new-password" type="text" class="form-control" name="password" />
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="col-lg-3 control-label form-required form-required-4">维修类型</label>
                                    <div class="col-lg-9">
                                        <select name="" class="form-control">
                                            <option value="">请选择</option>
                                        </select>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="col-lg-3 control-label form-required">专业</label>
                                    <div class="col-lg-9">
                                        <select name="" class="form-control">
                                            <option value="">请选择</option>
                                        </select>
                                    </div>
                                </div>

                            </div>

                            <div class="col-lg-12">
                                <div class="form-group">
                                    <label class="col-lg-2 control-label form-required form-required-4" style="width: 98px;">维修内容</label>
                                    <div class="col-lg-10 input-align">
                                        <textarea class="form-control"></textarea>
                                    </div>
                                </div>
                            </div>

                            <div class="col-lg-6">
                                <div class="form-group">
                                    <label class="col-lg-3 control-label">所需备件</label>
                                    <div class="col-lg-9">
                                        <textarea class="form-control"></textarea>
                                    </div>
                                </div>
                                <div class="form-group date-frame">
                                    <label class="col-lg-3 control-label form-required form-required-4">故障时间</label>
                                    <div class="col-lg-9">
                                        <input autocomplete="new-password" type="text" class="form-control" />
                                    </div>
                                </div>
                                <div class="form-group" style="min-height: 34px;">
                                    <label class="col-lg-3 control-label form-required">停机</label>
                                    <div class="col-lg-9 modal-checkbox-box">
                                        <label>
                                            <input autocomplete="new-password" type="radio" name="radio_1" id="radio-true" />
                                            <span>是</span>
                                        </label>
                                        <label>
                                            <input autocomplete="new-password" type="radio" name="radio_1" id="radio-false" checked />
                                            <span>否</span>
                                        </label>
                                    </div>
                                </div>
                            </div>

                            <div class="col-lg-6">
                                <div class="form-group">
                                    <label class="col-lg-3 control-label form-required form-required-4">验收标准</label>
                                    <div class="col-lg-9">
                                        <textarea class="form-control"></textarea>
                                    </div>
                                </div>
                                <div class="form-group date-frame">
                                    <label class="col-lg-3 control-label">报告时间</label>
                                    <div class="col-lg-9">
                                        <input autocomplete="new-password" type="text" class="form-control" />
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="col-lg-3 control-label">报告人</label>
                                    <div class="col-lg-9">
                                        <select name="" class="form-control">
                                            <option value="">请选择</option>
                                        </select>
                                    </div>
                                </div>
                            </div>
                            <!--点击radio‘是’显示以下-->
                            <div class="is-true-show" style="display: none;">
                                <div class="col-lg-6">
                                    <div class="form-group date-frame">
                                        <label class="col-lg-3 control-label form-required form-required-4">计划开始</label>
                                        <div class="col-lg-9">
                                            <input autocomplete="new-password" type="text" class="form-control" />
                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-6">
                                    <div class="form-group date-frame">
                                        <label class="col-lg-3 control-label form-required form-required-4">计划结束</label>
                                        <div class="col-lg-9">
                                            <input autocomplete="new-password" type="text" class="form-control" />
                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-6">
                                    <div class="form-group">
                                        <label class="col-lg-3 control-label form-required form-required-4">计划工期</label>
                                        <div class="col-lg-9">
                                            <input autocomplete="new-password" type="text" class="form-control" disabled />
                                        </div>
                                    </div>
                                </div>
                            </div>

                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-primary yes">保存</button>
                    <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                </div>
            </div>
        </div>
    </div>
</form>

<!--维修处理弹框-->
<form method="post" class="form-horizontal roleForm" action="">
    <div class="modal fade modelForm" id="myModal-repair" tabindex="-1" role="dialog" data-backdrop="static" data-keyboard="false" >
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title title">维修处理</h4>
                </div>
                <div class="modal-body">
                    <div class="row">
                        <div class="col-lg-12">

                            <div class="form-group">
                                <label class="col-lg-3 control-label form-required">外委</label>
                                <div class="col-lg-7 modal-checkbox-box">
                                    <label>
                                        <input autocomplete="new-password" type="radio" name="radio_2" id="radio-true-3" />
                                        <span>是</span>
                                    </label>
                                    <label>
                                        <input autocomplete="new-password" type="radio" name="radio_2" checked />
                                        <span>否</span>
                                    </label>
                                </div>
                            </div>
                            <div class="form-group overhaul">
                                <label class="col-lg-3 control-label form-required form-required-5">检修负责人</label>
                                <div class="col-lg-7">
                                    <select name="" class="form-control">
                                        <option value="">请选择</option>
                                    </select>
                                </div>
                            </div>
                            <div class="form-group outside-entrustment" style="display: none;">
                                <label class="col-lg-3 control-label form-required form-required-4">外委单位</label>
                                <div class="col-lg-7">
                                    <input autocomplete="new-password" type="text" class="form-control" name="remark" />
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-lg-3 control-label">维修步骤</label>
                                <div class="col-lg-7">
                                    <textarea class="form-control"></textarea>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-lg-3 control-label">安全事项</label>
                                <div class="col-lg-7">
                                    <textarea class="form-control"></textarea>
                                </div>
                            </div>
                            <div class="form-group date-frame">
                                <label class="col-lg-3 control-label form-required form-required-6">维修实际开始</label>
                                <div class="col-lg-7">
                                    <input autocomplete="new-password" type="text" class="form-control" name="remark" />
                                </div>
                            </div>
                            <div class="form-group date-frame">
                                <label class="col-lg-3 control-label form-required form-required-6">维修实际结束</label>
                                <div class="col-lg-7">
                                    <input autocomplete="new-password" type="text" class="form-control" name="remark" />
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-lg-3 control-label form-required form-required-4">实际工期</label>
                                <div class="col-lg-7">
                                    <input autocomplete="new-password" type="text" class="form-control" name="remark" disabled />
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-lg-3 control-label form-required">停机</label>
                                <div class="col-lg-7 modal-checkbox-box">
                                    <label>
                                        <input autocomplete="new-password" type="radio" name="radio_3" id="radio-true-2" />
                                        <span>是</span>
                                    </label>
                                    <label>
                                        <input autocomplete="new-password" type="radio" name="radio_3" checked />
                                        <span>否</span>
                                    </label>
                                </div>
                            </div>
                            <div class="is-true-show-2" style="display: none;">
                                <div class="form-group date-frame">
                                    <label class="col-lg-3 control-label form-required form-required-4">停机开始</label>
                                    <div class="col-lg-7">
                                        <input autocomplete="new-password" type="text" class="form-control" name="remark" />
                                    </div>
                                </div>
                                <div class="form-group date-frame">
                                    <label class="col-lg-3 control-label form-required form-required-4">停机结束</label>
                                    <div class="col-lg-7">
                                        <input autocomplete="new-password" type="text" class="form-control" name="remark" />
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="col-lg-3 control-label form-required form-required-4">停机时长</label>
                                    <div class="col-lg-7">
                                        <input autocomplete="new-password" type="text" class="form-control" name="remark" disabled />
                                    </div>
                                </div>
                            </div>

                            <!-- 隐藏唯一id -->
                            <input autocomplete="new-password" type="hidden" name="pkId" id="pkId" value="" />

                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-primary yes">保存</button>
                    <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                </div>
            </div>
        </div>
    </div>
</form>

<!--验证确认弹框-->
<form method="post" class="form-horizontal roleForm" action="">
    <div class="modal fade modelForm" id="myModal-check" tabindex="-1" role="dialog" data-backdrop="static" data-keyboard="false" >
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title title">维修处理</h4>
                </div>
                <div class="modal-body">
                    <div class="row">
                        <div class="col-lg-12">

                            <div class="form-group">
                                <label class="col-lg-3 control-label form-required form-required-3">验收人</label>
                                <div class="col-lg-7 modal-checkbox-box">
                                    <input autocomplete="new-password" type="text" class="form-control" />
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-lg-3 control-label form-required form-required-4">验收结果</label>
                                <div class="col-lg-7">
                                    <select name="" class="form-control">
                                        <option value="">请选择</option>
                                    </select>
                                </div>
                            </div>
                            <div class="form-group date-frame">
                                <label class="col-lg-3 control-label form-required form-required-4">验收时间</label>
                                <div class="col-lg-7">
                                    <input autocomplete="new-password" type="text" class="form-control" name="remark" />
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-lg-3 control-label">验收意见</label>
                                <div class="col-lg-7">
                                    <textarea class="form-control"></textarea>
                                </div>
                            </div>

                            <!-- 隐藏唯一id -->
                            <input autocomplete="new-password" type="hidden" name="pkId" id="pkId" value="" />

                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-primary yes">确认验收</button>
                    <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                </div>
            </div>
        </div>
    </div>
</form>


<div th:replace="common/foot">
</div>

<script th:src="@{/3thExt/jquery/3.3.1/jquery-3.3.1.min.js}" src="../../../static/3thExt/jquery/3.3.1/jquery-3.3.1.min.js"></script>
<script th:src="@{/3thExt/jquery-form/3.46/jquery.form.js}" src="../../../static/3thExt/jquery-form/3.46/jquery.form.js"></script>
<script th:src="@{/3thExt/bootstrap/bootstrap-3.3.7-dist/js/bootstrap.min.js}" src="../../../static/3thExt/bootstrap/bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>
<script th:src="@{/3thExt/bootstrap-table/1.12.1/bootstrap-table.min.js}" src="../../../static/3thExt/bootstrap-table/1.12.1/bootstrap-table.min.js"></script>
<script th:src="@{/3thExt/bootstrap-table/1.12.1/locale/bootstrap-table-zh-CN.min.js}" src="../../../static/3thExt/bootstrap-table/1.12.1/locale/bootstrap-table-zh-CN.min.js"></script>
<script th:src="@{/3thExt/select2/4.0.6/js/select2.js}" src="../../../static/3thExt/select2/4.0.6/js/select2.full.js"></script>
<script th:src="@{/3thExt/bootstrapvalidator/0.5.2/js/bootstrapValidator.min.js}" src="../../../static/3thExt/bootstrapvalidator/0.5.2/js/bootstrapValidator.min.js"></script>
<script th:src="@{/3thExt/bootstrap-fileinput/4.4.7/js/fileinput.min.js}" src="../../../static/3thExt/bootstrap-fileinput/4.4.7/js/fileinput.min.js"></script>
<script th:src="@{/3thExt/bootstrap-fileinput/4.4.7/js/locales/zh.js}" src="../../../static/3thExt/bootstrap-fileinput/4.4.7/js/locales/zh.js"></script>
<script th:src="@{/3thExt/bootstrap-datetimepicker/js/bootstrap-datetimepicker.min.js}" src="../../../static/3thExt/bootstrap-datetimepicker/js/bootstrap-datetimepicker.min.js"></script>
<script th:src="@{/3thExt/bootstrap-datetimepicker/js/bootstrap-datetimepicker.zh-CN.js}" src="../../../static/3thExt/bootstrap-datetimepicker/js/bootstrap-datetimepicker.zh-CN.js"></script>
<script th:src="@{/js/page-interaction.js}" src="../../../static/js/common/page-interaction.js"></script>
<!--<script th:src="@{/js/bodyCommon.js}" src="../../static/js/common/bodyCommon.js"></script>-->

<script th:src="@{/js/factoryModel/factoryArea.js}"  src="../../../static/js/factoryModel/factoryArea.js"></script>
<script th:src="@{/js/lifeCycle/equipLifeCycle/equipRepair.js}"  src="../../../static/js/lifeCycle/equipLifeCycle/equipRepair.js"></script>
</body>
</html>






